﻿
@{
    ViewBag.Title = "预订";
    Layout = "~/Views/Shared/_MyLayout.cshtml";    
}
@section head{
    <link rel="stylesheet" href="~/Content/WxPage.css?u=@DateTime.Now.ToString()" />   
    @Scripts.Render("~/bundles/jquery")
}

@*<header class="Wx_header" style="text-align:center;"> 无隅酒店</header>
    <div id="Wx_content" onclick="SelectHotel('209412')">
        <div class="LeftIMG">
            <img src="~/Content/IMG/hotel1.jpg" style="height:105px;" />
        </div>
        <div class="RightContent">
            <p class="Title">无隅·北碚滨江路店</p>
            <p class="Address">重庆北碚区滨江路泰吉滨江河嘉村276号</p>
            <div class="Price">
                <p style="margin:0;">¥<span style="font-size:25px;color:red;">100</span>起</p>
            </div>
        </div>
    </div>
    <div id="Wx_content" onclick="SelectHotel('210883')">
        <div class="LeftIMG">
            <img src="~/Content/IMG/hotel1.jpg" style="height:105px;" />
        </div>
        <div class="RightContent">
            <p class="Title">无隅·沙坪坝店</p>
            <p class="Address">重庆沙坪坝区下中渡口130号重庆国际创客港</p>
            <div class="Price">
                <p style="margin:0;">¥<span style="font-size:25px;color:red;">150</span>起</p>
            </div>
        </div>
    </div>
*@

<div style="height:23%;width:100%;background-image:url('/Content/IMG/index/1.png');background-size:100% 100%;" onclick="SelectHotel('209412')">
    @*<img style="height:100%;width:100%;" src="~/Content/IMG/02.logo1.png" />*@
</div>

<div style="height:23%;width:100%;background-image:url('/Content/IMG/index/2.png');background-size:100% 100%;" onclick="SelectHotel('210883')">
    @*<img style="height:100%;width:100%;" src="~/Content/IMG/03.logo2.png?n=2" />*@
</div>

<div style="height:23%;width:100%;background-image:url('/Content/IMG/index/3.png');background-size:100% 100%;" onclick="SelectHotel('210888')">
    @*<img style="height:100%;width:100%;" src="~/Content/IMG/03.logo3.png" />*@
</div>

@*<div style="height:23%;width:100%;background-image:url('/Content/IMG/index/4.png');background-size:100% 100%;" onclick="SelectHotel('210901')">*@
<div style="height:23%;width:100%;background-image:url('/Content/IMG/index/4.png');background-size:100% 100%;">
    @*<img style="height:100%;width:100%;" src="~/Content/IMG/03.logo3.png" />*@
</div>

<div id="menu" class="Wx_BottomMenu">
    <div id="HomePage" class="subMenu" onclick="JavaScript:window.location.href='/WxPage/MainView'">
        <p style="display:table-cell;vertical-align:middle;margin:0px;font-family:'Microsoft YaHei','微软雅黑';font-size:16px;color:rgb(127,127,127);">首&nbsp;&nbsp;页</p>
    </div>
    <div id="Rent" class="subMenu" style="border-left-width:1px;width:34%;" onclick="JavaScript:window.location.href='/WxPage/Index'">
        <p style="display:table-cell;vertical-align:middle;margin:0px;font-family:'Microsoft YaHei','微软雅黑';font-size:16px;color:rgb(127,127,127);">预&nbsp;&nbsp;订</p>
    </div>
    <div id="Mine" class="subMenu" style="border-right-width:0px;border-left-width:1px;" onclick="JavaScript:window.location.href='/WxPage/Mine'">
        <p style="display:table-cell;vertical-align:middle;margin:0px;font-family:'Microsoft YaHei','微软雅黑';font-size:16px;color:rgb(127,127,127);">微&nbsp;&nbsp;信&nbsp;&nbsp;会&nbsp;&nbsp;员</p>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $("body").css("background-color", "gainsboro");
        var screenHeight = document.documentElement.clientHeight;
        var screenWidth = document.documentElement.clientWidth;
        var body = document.getElementById('body');
        body.style.width = screenWidth + "px";
        body.style.height = screenHeight + "px";  


    });

</script>

<script type="text/template" id="scriptSelectHotel">
    <form action="/WxPage/RoomList" method="post" id="selHotel">
        <input type="hidden" name="hotelId" value="" id="selHotelId" />
    </form>
</script>
<script type="text/javascript">
    function SelectHotel(hotelId) {
        var result = $("#scriptSelectHotel").html();
        $(result).appendTo("body");
        $("#selHotelId").val(hotelId);
        $("#selHotel").submit().remove();
    }
</script>


















